<template>
  <div class="demo-flexbox">
    <basic />
    <gutter />
    <justify />
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import basic from "./basic.vue";
import gutter from "./gutter.vue";
import justify from "./justify.vue";

export default defineComponent({
  components: {
    basic,
    gutter,
    justify
  },
});
</script>

<style lang="less" >
.demo-flexbox {
  .vcu-flexbox {
    margin-top: 15px;
  }
  .vcu-flexbox-item {
    text-align: center;
    line-height: 2;
    background-color: #b1b1b1;
    background-clip: content-box;
  }
}
</style>
